<style type="text/css">
    .ani{ fon-size:40px;}
    .signin-item-img img {
        width: 160px;
        height: 160px;
        position: relative;
        top:-12px
    }
    .signin-item {
        float: left;
        width: 20%;
        height:20%;
        -webkit-transform: scale(0);
        -webkit-transition: all 1s;
    }
    .signin-item-show {
        -webkit-transform: scale(1);
    }
    .signin-item-img {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        overflow: hidden;
        margin: auto;

</style>
<!--居中-->
<div class="ani" id="title"
     style="font-size: 80px;position:absolute;top:-100px; color:#ffff00;"
     swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.7s">优秀员工</div>


<div id="dept" class="ani" style="font-size: 40px;position:absolute;top:-100px; color:#ffff00"
     swiper-animate-effect="zoomIn" swiper-animate-duration="1.1s" swiper-animate-delay="1.2s">

</div>
<div id="bjr"  class="ani" style="font-size: 40px;position:absolute;top:-100px; color:#ffff00"
     swiper-animate-effect="lightSpeedIn" swiper-animate-duration="1.2s" swiper-animate-delay="2.3s">


</div>

<div id="hjr" style="position:absolute;">

</div>